Formatting a new template

Formatting a new template involves:
1. Adding the relevant 'Placeholders' you wish to include in your template
2. Then positioning those placeholders into a series that suits you using the HTML functions and, if you are an experienced designer, your own custom HTML.

The Toggle Buttons
The Toggle Buttons down the left of the Building Area allow you to add or remove any of the 14 possible 'Placeholders' that can make up a template.

The 'Placeholders' available to you depend on the Template's Item type (i.e. Link Item, Display Item or Product Item)

To insert a 'Placeholder', depress the relevant Toggle Button. This will insert the 'Placeholder', represented by a puzzle piece, into the Building Area. The 'Placeholder' will become visible in the Preview Area on the right.

Because a 'Placeholder' is only a theoretical element (i.e. The 'Placeholder' itself will never get displayed in the store - it will be replaced by the data that it is 'holding a place' for.)


The HTML Buttons
The HTML buttons along the top of the Building Area provide quick, single-click additions of HTML elements to the building area.

These HTML elements can exist as self-contained elements (e.g. A tag to create a line break), or as commands that affect a 'Placeholder' (e.g. tags to make an Item Name Placeholder emboldened).


The Insert Custom HTML Button
If you are an accomplished HTML coder, or the standard HTML buttons do not provide the extent of customisation you require, you can add your own HTML elements at any point.

To do this:
1. Highlight the element in the Building Area below which you want your new HTML element to be added
2. Click the 'Insert Custom HTML' button
3. Type in, or cut and paste, your own HTML
4. Press Enter on your keyboard.

Modifying or re-editing existing HTML
Any HTML element already added can be modified or edited in the small HTML editing window below the Building Area.

To do this:
1. Select the element you wish to modify in the Building Area
2. The above HTML will become visible in the small HTML editing window below the Building Area.
3. Make any necessary edits or modifications to the code
4. Press Enter on your keyboard.

Moving Placeholders and HTML Elements around the Building Area
Any element in the Building Area can be moved up or down using the Move Arrows directly below the Building Area.

To move more than one element at a time, Shift-Click to multi-select any of the elements you wish to move, then use the Move Arrows to move the selection up or down.



Deleting and Renaming Templates
All Templates can be deleted or renamed at any time, using the Rename and Delete Templates tab on the Template Editor Options popup.

To do this:
1. Click 'Edit' on the Item Template tab, to launch the Template Editor Options popup
2. Flip across to the Rename or Delete Templates tab
3. Rename any template by editing the name in the field
4. Remove any template by clicking the 'Delete' button next to its field
5. Click 'Save and Close' to commit your changes, or 'Cancel' to exit the window and ignore your changes.